<script setup></script>
<template>
  <div class="w-[100vw] h-[100vh] bg-[#111111] text-[#fff]">
    <dv-border-box11 title="橙子大数据预览" :animate="true">
      <div class="position w-[100%] h-[100%] p-[25px] pt-[70px] grid grid-cols-3 gap-[20px]">
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">三个小程序和用户数</div>
        </div>
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">每日用户增长数</div>
        </div>
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">每日记录记录数</div>
        </div>
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">记账本人数和记账数</div>
        </div>
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">日程人数和记账数</div>
        </div>
        <div class="bg-[#222] relative">
          <div class="absolute w-[100%] h-[100%]">音效人数</div>
        </div>
        <div class="bg-[#222] relative"><div class="absolute w-[100%] h-[100%]">音效人数</div></div>
        <div class="bg-[#222] relative"><div class="absolute w-[100%] h-[100%]">音效人数</div></div>
        <div class="bg-[#222] relative"><div class="absolute w-[100%] h-[100%]">音效人数</div></div>
      </div>
    </dv-border-box11>
  </div>
</template>

<style scoped lang="scss">
.my-box {
  width: vw(200);
  height: vh(100);
  background-color: #ccc;
}
</style>
